/**
 * Created by solaman on 2017/5/4.
 */

Vue.component('modal',{
    template:`
        <div class="modal is-active">
            <div class="modal-background"></div>
            <div class="modal-content">
                <!-- Any other Bulma elements you want -->
                <div class="box">
                    <p><slot></slot></p>
                </div>
    
            </div>
            <button class="modal-close" @click="$emit('close')"></button>
        </div>
    `
})

let app = new Vue({

    el: '#root',
    data:{
        showModal: false
    }

})